html,body {padding:0;margin:0;background:#fff;overflow-x:hidden;}
* {margin:0;padding:0;font-family:Arial,Helvetica,Verdana,'Microsoft YaHei';border:0;outline:medium;text-shadow:none;text-decoration:none;box-sizing: border-box;}
body {color:#333;font-size:14px;line-height:1.5;position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input {vertical-align:middle;}
textarea {resize:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal ;margin:0 ;}
hr {border-width:1px;border-style:inset;}
ul {list-style:none;margin:0 ;}
p {margin:0 ;}
a {color:#333;}
a:hover {color:#333;}
.left {float:left;}
.right {float:right;}
a,a:link,a:active,a:visited,a:hover {text-decoration:none;}
i {display:block;}
i,em {font-style:normal;}
html {height:100%;}
html,body {width:100%;min-height:100%;}
.clearfix {zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.warpper {margin:0 auto;}
.dH {overflow:hidden;}
.inp_pla {color:#999 !important;}
.rig-title-over {float:left;line-height:60px;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}
/*修改滚动条*/
::-webkit-scrollbar {width:6px;height:6px;}
::-webkit-scrollbar-track {box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;}
::-webkit-scrollbar-thumb {border-radius:6px;background:#bbb;}
/* 无内容 */
.no-goods,.no-network {padding-top:100px;overflow:hidden;text-align:center;}
.no-goods img {display:block;margin:0 auto 30px;width:220px;max-height:105px;}
.no-network img {display:block;margin:0 auto 30px;width:222px;height:160px;}
.no-goods p,.no-network p {font-size:14px;color:#666666;line-height:20px;}
/* 更改layer样式 */
.layui-layer-btn {text-align:center !important;padding-bottom:28px !important;}
.layui-layer-btn .layui-layer-btn0 {display:block;margin:0 auto !important;border-radius:0 !important;width:88px !important;text-align:center !important;height:34px !important;line-height:34px !important;border-color:#237ed2 !important;background-color:#237ed2 !important;}
.layui-layer-btn .layui-layer-btn0:hover {background:#348eed !important;border-color:#348eed !important;}
/* 基础样式 */
.section {position:relative;}
.section img {vertical-align:top;}
.section a {text-decoration:none;}
.img-box {width:100%;height:480px;position:relative;overflow:hidden;}
.part-l {position:absolute;width:100px;overflow:hidden;z-index:1;}
.part-r {position:absolute;top:0;left:0;width:100%;height:100%;}
.tags {position:absolute;bottom:20px;left:0;width:100%;height:40px;z-index:2;}
.part-r img {width:100%;}
.tags a {position:absolute;display:block;width:136px;height:36px;font-size:14px;text-align:center;line-height:36px;border:1px solid #fff;border-radius:20px;}
.tags a:nth-child(1) {bottom:0;left:20px;color:#fff;}
.tags a:nth-child(2) {bottom:0;right:20px;color:#000;background-color:#fff;}
/* .toolbar {position:absolute;height:100%;left:100px;top:0;border-right:1px solid rgba(255,255,255,0.4);z-index:3;} */
/* .toolbar:after {content:"";position:absolute;top:50%;left:-32px;height:66px;width:65px;background:url(../image/mz-bar.png) repeat;} */
.over-line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.over-line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.over-line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.over-line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.over-line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.over-line6 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}


.w1440{width: 1440px;margin: 0 auto;}
.more-btn {display:flex;align-items:center;justify-content:center;padding:0 9px;width:40px;height:40px;border-radius:20px;border:1px solid #ccc;transition:all 0.3s;margin:3% auto 0}
.more-btn span {width:0px;overflow:hidden;white-space:nowrap;font-size:14px;color:#999;transition:all 0.3s;}
.more-btn i {display:block;width:21px;height:15px;background-image:url(../image/07.png);transition:all 0.3s;}
.more-btn.open {width:142px;}
.more-btn.open span {width:auto;margin-right:6px;}
.more-btn.blue:hover,.more-btn.blue.active {width:142px;background-color:#176caf;border-color:#176caf;}
.more-btn.blue:hover span,.more-btn.blue.active span {color:#fff;width:auto;margin-right:6px;}
.more-btn.blue:hover i,.more-btn.blue.active i {background-image:url(../image/09.png);}
.more-btn.white:hover,.more-btn.white.active {width:142px;background-color:#fff;border-color:#fff;}
.more-btn.white:hover span,.more-btn.white.active span {color:#176caf;width:auto;margin-right:6px;}
.more-btn.white:hover i,.more-btn.white.active i {background-image:url(../image/08.png);}

/*头部*/
.top_bj{ position: fixed; width: 100%; height: auto; z-index: 20; transition:0.5s;background-color: rgb(255 255 255 / 55%);border-bottom: 1px solid #212121;}
.top_bj_zy{ width: 100%; height: auto; z-index: 20; transition:0.5s;}
.top_index{ height: auto; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.logo a{display: block ;height: 50px;}
.logo img{ max-width: 100%; height:100%; transition:0.5s;}

.nav_bj{ width:60%;height: 80px; transition:0.3s;display: flex;align-items: center;}
.nav_bj li{ width: 14%; height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #282828; text-align: center; transition:0.5s; position: relative;}
.nav_bj li:before{ background: #176caf; position: absolute; left: 0;right: 0; bottom: 0; height: 2px; width:0;margin: auto; content: ''; transition:0.5s;}
.nav_bj li a{ display: block; position: relative; z-index: 1; color: #212121;font-size: 16px;}
.nav_bj li:hover:before,.nav_bj li.active:before{ width: 20px;}
.nav_bj li:hover a,.nav_bj li.active a{color: #176caf;}

.top_tel{ width:20%; transition:0.5s; padding: 0;display: flex;align-items: center;}
.top_tel .left{ width: 30%;padding-right: 10px;}
.top_tel .right{ width: 70%; color: #fff; font-size: 14px;}
.top_tel .right span{ font-size: 28px; color: #212121;font-weight: bold; }






/*顶部移动端导航*/
.c-header .c-nav2 {position:fixed;top:60px;left:0;width:100%;height:0;z-index:99;font-size:14px;line-height:50px;overflow-y:auto;background:#fff;transition:all 0.5s;}
.c-header.c-head-hide .c-nav2 {top:60px;}
body.c-open .c-header .c-nav2 {height:calc(100% - 65px);height:-webkit-calc(100% - 65px);}
body.c-open .c-header.c-head-hide .c-nav2 {height:calc(100% - 65px);height:-webkit-calc(100% - 65px);}
.c-header .c-nav2 a {display:block;margin:0 20px;border-bottom:1px solid #f1f1f1;text-align:left;color:#333;-webkit-transition:all 0.3s;transition:all 0.3s;}
.c-header .c-nav2>li:first-child {border-top:1px solid #f1f1f1;}
.c-header .c-nav2 li:hover>a,.c-header .c-nav2 li.active>a {color:#bb1c14;}
.c-header .c-nav2 li a i {float:right;width:5%;}
.c-header .c-nav2 li a i img {width:100%;}
.c-header .c-nav2 li ul {display:none;}
.c-header .c-nav2 li ul a {padding-left:15px;}
.c-header .c-nav2 .c-language {float:left;position:relative;padding:20px 0 0 20px;}
.c-header .c-nav2 .c-language>a {margin:0;display:block;padding:0 5px;width:80px;height:40px;line-height:38px;border:1px solid #f1f1f1;}
.c-header .c-nav2 .c-language>a i {margin-top:9px;}
.c-header .c-nav2 .c-language .c-list {display:none;background:#fff;line-height:40px;box-shadow:0 2px 11px rgba(0,0,0,0.05);}
.c-header .c-nav2 .c-language .c-list a {display:block;padding:0 5px;margin:0;}
.c-header .c-nav2 .c-language .c-list .c-item:last-child a {border-bottom:0;}
.c-header .c-nav2 .c-search-box {float:right;width:-webkit-calc(100% - 120px);width:calc(100% - 120px);width:calc(100% - 20px);padding:20px 20px 0 0;}
.c-header .c-nav2 .c-search-box i {display:inline-block;width:50%;}
.c-header .c-nav2 .c-search-box i img {width:100%;}
.c-header .c-nav2 .c-search-box form {position:relative;border:1px solid #f1f1f1;line-height:38px;height:40px;}
.c-header .c-nav2 .c-search-box form input {float:left;padding:0 5px;width:-webkit-calc(100% - 15px);width:calc(100% - 50px);height:38px;}
.c-header .c-nav2 .c-search-box form button {float:right;width:50px;height:38px;color:#fff;background:#176caf;}
/*顶部导航开关*/
.c-header .c-switch {position:absolute;top:20px;right:15px;width:24px;height:20px;z-index:99999;cursor:pointer;display: none;}
.c-header .c-switch i {position:relative;display:block;height:2px;background:#fff;-webkit-transition:all 0.3s;transition:all 0.3s;}
.c-header.c-head-hide .c-switch i,.c-open .c-header .c-switch i {background:#fff;}
.c-header .c-switch i:nth-child(1) {top:0;}
.c-header .c-switch i:nth-child(3) {bottom:0;}
.c-header .c-switch i:nth-child(2) {margin:6px 0;}
body.c-open .c-header .c-switch i:nth-child(2) {opacity:0;}
body.c-open .c-header .c-switch i:nth-child(1) {top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
body.c-open .c-header .c-switch i:nth-child(3) {bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/* 底部 */
.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#191919;display: none;}
.f1{ width:100%; background:url(../image/end_icon3.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(../image/end_icon2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%;float: left; line-height:90px; text-align: center; background-color:#8fc31f;}
.footer_zx a:last-of-type{ background: #176caf;}
.kb50{ height: 60px;}


.footer1 {background-color:rgb(31 102 168 / 84%);padding:25px 0;}
.footfri {font-size:0;}
.footer1 .fri {color:#fff;line-height:30px;overflow:hidden;padding-left:56px;background:url(../image/link.png) 2px 2px no-repeat; font-size:16px;}
.footer1 .fri a {display:inline-block;font-size:16px;color:#999;vertical-align:middle;margin-right:10px;}
.footer1 .fri a:hover {color:#ddd;}
.footer1 .fri i {font-size:16px;margin:0 7px;font-style:normal;vertical-align:middle;}
.footer2 {border-top:1px solid rgba(153,153,153,0.2);padding:70px 0;}
.footlogo {float:left;width:24%;}
.footlogo a {display:block;height:82px;line-height:82px;font-size:0;}
.footright {position: relative;overflow: hidden;}
.footnav {font-size:0;}
.footnav a {font-size:16px;color:#999;line-height:26px;display:inline-block;}
.footnav a:hover {color:#ddd;text-decoration:underline;}
.footnav i {font-size:16px;color:#999;margin:0 30px;display:inline-block;}
.footinfo {margin-top:30px;overflow: hidden;}
.footinfo p {font-size:14px;line-height:26px;color:#999;width: 50%;float: left;}
.footinfo a {font-size:14px;color:#999;}
/* .footinfo p span{display: block;} */
.footer-copy {padding:20px 0;color:#888888;font-size:13px;background-color:#333;}
.footer-copy a {color:#888;font-size:13px;}
.footer-copy a:hover {color:#fff;}
/********.toolbar*********/
.toolbar{width: 50px;position: fixed;right: 1%;bottom:20%;z-index: 999;}
.toolbar dd{width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(../image/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../image/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar .pop{position: absolute;right: 90px;top: -51px;background: #176caf;display: none;}
.toolbar .pop-code{padding: 10px 10px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position: 0 -47px;}
.toolbar .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}
.toolbar .qq:hover{background: #176caf;}
.toolbar .tel span{background-position: 0 0;}
.toolbar .tel:hover{background: #176caf;}
.toolbar .code span{background-position: 0 -95px;}
.toolbar .code:hover{background: #176caf;}
.toolbar .top span{background-position: 0 -142px;}
.toolbar .top:hover{background: #176caf;}

/* 面包屑 */
.position{ height: 75px;line-height: 75px; color: #fff;  font-size: 16px;background-color: #176caf;}
.position .w1440{display: flex;align-items: center;height: 100%;}
.position a{ color: #fff; transition: 0.3s; padding: 0 5px;font-size: 16px;}
.position i{ display: block; float: left;padding-right: 20px; border-right: 1px solid #eee; margin-right: 20px;width: 60px;height: 100%;background: url(../image/ic_pos.png) no-repeat center;background-size: 30px;}
/* .position a:hover{ color: #176caf;} */

/* 分页 */
.pages{width:100%;height:45px;display:inline-flex;justify-content:center;align-items:center;margin-top:50px;}
.pages .page-num{width:45px;height:45px;display:inline-block;font-size:14px;text-align:center;line-height:45px;margin:0 5px;transition:all .3s;background-color:#fff}
.pages .page-num.active,.pages .num:hover{border-color:#176caf;background-color:#176caf;color:#fff}
.pages .next,.pages .prev{width:auto;display:inline-block;padding:0 10px;font-size:13px;line-height:45px;height:45px;transition:all .3s;margin:0 1px;background-color:#fff}
.pages .next:hover,.pages .prev:hover{border-color:#176caf;background-color:#176caf;color:#fff}

@media (max-width: 1440px){
	.w1440{width: 1200px;}
}

@media (max-width: 1366px){
	.footnav i{margin: 0 20px;}
}
@media (max-width: 1200px){
	.w1440{width: 94%;}
	.nav_bj{ margin-top: 0;width: 75%;}
	.top_tel{display: none;}
	.footlogo{display: none;}
	.footnav i {margin: 0 10px;}
	.footer1{padding: 2% 0;}
	.footer2{padding: 4% 0;}
}
@media (max-width: 1024px){
	.footnav i {margin: 0 8px;}
	
}
@media screen and (max-width:768px){
	
	.top_bj{height: 60px;}
	.logo a{margin-top: 10px;height: 40px;}
	.logo img{ max-width: 100%;}
	.nav_bj,.top_tel,.toolbar{display: none;}
	.c-header .c-switch{display: block;}
	
	.footer1,.footer2{display: none;}
	.position{height: 50px;line-height: 50px;font-size: 14px;}
	.position a{font-size: 14px;}
	.position i{display: none;}
}
@media screen and (max-width:540px){
	.footinfo{margin-top: 2%;}
	.footnav a,.footinfo span,.footer1 .fri a{font-size: 14px;}
	.footnav i{margin: 0 2px;}
	.footer-copy .left,.footer-copy .right{float: none;text-align: center;}
}

@media screen and (max-width:414px){
	.pages .num{display: none;}
}